{%extends 'Eventos/base.html'%}
{% block css-javascript-agregados %}	
	<!-- SEXYSELECT -->
	<link 	type="text/css" 		href="static/ui.sexyselect/css/ui.sexyselect.0.55.css" 			rel="stylesheet"/>
	<script type="text/javascript" 	src="static/ui.sexyselect/js/ui.sexyselect.min.0.6.js" >		</script>
	<!-- JQUERY-UI-TIMEPICKER -->		
	<link 	type="text/css" 		href="static/css/jquery-ui-timepicker.css" 			rel="stylesheet" />
	<script type="text/javascript" 	src="static/js/jquery.ui.timepicker.js ">			</script>
{% endblock %}

{% block heading_content %}Editar Evento{% endblock %}
{% block content %}

	<div id="tabs">
	<form name="form1" action="" method="post">{% csrf_token %}
		<table>{{form.as_table}}</table>
		<p><input type="submit" class="find_link" value="Registrar Evento"></p>
	</form>
	</div>

<script type="text/javascript" >
    
    $("#tabs").tabs();
    $("#id_privacidad").sexyselect({title:'Elegir privacidad',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'single'});
    $("tr:has(#id_grupos)").hide();
    $("tr:has(#id_departamentos)").hide();
    $("#id_grupos").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
    $("#id_departamentos").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
    $("#id_Organizador").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
    $("#id_fecha_inicio").datepicker({showAnim: 'slide',
                                                changeMonth: true,
                                                changeYear: true,
                                                dateFormat: 'yy-mm-dd'});
    $("#id_fecha_fin").datepicker({showAnim: 'slide',
                                                changeMonth: true,
                                                changeYear: true,
                                                dateFormat: 'yy-mm-dd'});
    $("#id_hora_inicio").timepicker();
    $("#id_hora_fin").timepicker();
 
	$("#id_privacidad").click(function() {
   		if (document.form1.privacidad.value == "Solo grupos") {
   			$("tr:has(#id_departamentos)").hide();
      		$("tr:has(#id_grupos)").fadeIn('slow');
   		} else if (document.form1.privacidad.value == "Solo departamentos") {
   			$("tr:has(#id_grupos)").hide();
      		$("tr:has(#id_departamentos)").fadeIn('slow');
      	} else {
      		$("tr:has(#id_grupos)").hide();
      		$("tr:has(#id_departamentos)").hide();
      }
	});
	
    /* ESTE CODIGO QUITA EL TEXT_HELP QUE CREA DJANGO AL FINAL DEL SELECT */
    $("#id_grupos").each(function(i,e){
		$(this).parent().contents().filter(function() {
			return this.nodeType == Node.TEXT_NODE;
		})[0].textContent=" ";
	});
	$("#id_departamentos").each(function(i,e){
		$(this).parent().contents().filter(function() {
			return this.nodeType == Node.TEXT_NODE;
		})[0].textContent=" ";
	});

</script>
{% endblock %}
